@import './variables';
.login {    
    background:#fff;
    border-radius: 5px;
    padding:40px 0 20px 0;
    position: relative; 
    .page-label {
        position: absolute;
        top:0;
        right:40px;
        width:60px;
        .rect {
            width:60px;
            height:40px;
            background: $primary-color;
            line-height: 40px;
            text-align: center;
            color:#fff;
        }
        .triangle {            
            border-left:30px solid transparent;
            border-right:30px solid transparent;
            border-top:18px solid $primary-color;
            position: relative;
            top: -1px;
        }
    }
    .page-title {
        height:42px;
        border-left:4px solid $primary-color;
        width:370px;
        margin:0 auto;
        padding-left:10px;
        .title {
            font-size:22px;
            height:22px;
            line-height: 22px;;
        }
        .vice-title {
            font-size: 12px;
            padding-top: 3px;
        }
    }
}
.form {
    width:370px;
    margin:0 auto;
    padding-top: 30px;
    .form-item {
        margin-bottom: 15px;
        .label {
            margin-top: 10px;
            line-height: 30px;
        }
        
        .img-code {
            width:100px;
            float:right;
            height:40px;
            background:$primary-color;
            img {
                width:100%;
                height:100%;
            }
        }
        .login-btn {
            margin-top:30px;
            background:#2c3032;
            border-bottom: 1px solid #2c3032;
        }
        .ant-btn-primary.get-btn {
            background: $primary-color;
            border-color: $primary-color;
        }
        .ant-btn-primary.get-btn:disabled {
            background:#eee;
            border-color: #eee;
        }
        .links {
            padding:5px;
            .f-r {
                float:right;
            }
            a {
                color:$primary-color;
            }
        }
    }  
    .btns {
        text-align: center;
        .ant-btn-background-ghost.ant-btn-primary {
            margin-right: 30px;
            color:#2c3032;
            border-color: #2c3032;
        }
    }  
}
.success-win {
    .content {
        text-align: center;
        .anticon-check-circle {
            font-size: 40px;
            color:$primary-color;
        }
        .tips1 {
            font-size: 28px;
            font-weight: bold;
            color:$primary-color;
            padding:10px 0;
        }
        .tips2 {
            padding:10px 0;
            .ant-statistic {
                display: inline-block;
            }
        }
        .btns {
            padding-top:10px;
            .ant-btn-primary {
                background:#2c3032;
                border-color: #2c3032;
                margin:0 20px;
            }
        }
    }
}